<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>辅导员端 - 问卷模板管理</title>
  <link rel="stylesheet" href="../css/style.css">
  <style>
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 15px;
    }
    th, td {
      padding: 10px;
      border: 1px solid #ddd;
      text-align: left;
    }
    th {
      background-color: #f5f5f5;
    }
    .action-btn {
      padding: 5px 10px;
      margin-right: 5px;
      border-radius: 4px;
      text-decoration: none;
      color: #fff;
    }
    .edit-btn {
      background-color: #007bff;
    }
    .preview-btn {
      background-color: #28a745;
    }
    .delete-btn {
      background-color: #dc3545;
    }
  </style>
</head>
<body>
<div class="nav">
  <a href="custom_send.html">自定义发送</a>
  <a href="survey_template.html">问卷模板管理</a>
  <a href="survey_view.html">问卷查阅情况</a>
  <a href="holiday_report.html">假期去向告知</a>
  <a href="family_chat.html">亲属对话管理</a>
  <a href="../index.html">退出登录</a>
</div>

<div class="container">
  <h3>问卷模板管理</h3>

  <div class="card">
    <div class="toolbar" style="margin-bottom: 15px;">
      <a href="#" class="btn">新建模板</a>
      <input type="text" placeholder="搜索模板..." style="padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
      <button style="padding: 8px; background-color: #007bff; color: #fff; border: none; border-radius: 4px;">搜索</button>
    </div>

    <table>
      <thead>
      <tr>
        <th>模板ID</th>
        <th>模板名称</th>
        <th>创建时间</th>
        <th>状态</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>T001</td>
        <td>校园满意度调查</td>
        <td>2025-06-01</td>
        <td>已发布</td>
        <td>
          <a href="#" class="action-btn edit-btn">编辑</a>
          <a href="#" class="action-btn preview-btn">预览</a>
          <a href="#" class="action-btn delete-btn">删除</a>
        </td>
      </tr>
      <tr>
        <td>T002</td>
        <td>安全知识问卷</td>
        <td>2025-06-10</td>
        <td>已发布</td>
        <td>
          <a href="#" class="action-btn edit-btn">编辑</a>
          <a href="#" class="action-btn preview-btn">预览</a>
          <a href="#" class="action-btn delete-btn">删除</a>
        </td>
      </tr>
      <tr>
        <td>T003</td>
        <td>学生健康状况调查</td>
        <td>2025-06-20</td>
        <td>草稿</td>
        <td>
          <a href="#" class="action-btn edit-btn">编辑</a>
          <a href="#" class="action-btn preview-btn">预览</a>
          <a href="#" class="action-btn delete-btn">删除</a>
        </td>
      </tr>
      </tbody>
    </table>

    <div class="pagination" style="margin-top: 15px; text-align: center;">
      <a href="#" style="padding: 5px 10px; margin: 0 2px; border: 1px solid #ddd; border-radius: 4px;">上一页</a>
      <a href="#" style="padding: 5px 10px; margin: 0 2px; border: 1px solid #007bff; background-color: #007bff; color: #fff; border-radius: 4px;">1</a>
      <a href="#" style="padding: 5px 10px; margin: 0 2px; border: 1px solid #ddd; border-radius: 4px;">2</a>
      <a href="#" style="padding: 5px 10px; margin: 0 2px; border: 1px solid #ddd; border-radius: 4px;">下一页</a>
    </div>
  </div>
</div>
</body>
</html>
